.card {
    width: 100%;
    // height: 100%;

    .item {
        width: 100%;
        padding: 5px 5px 5px 20px;

        .item_center {
            width: 100%;
            height: 100%;
            color: white;

            .header {
                width: 100%;
            }

            .center {
                height: 20px;
                width: 100%;
                display: flex;
                align-items: center;

                .progress {
                    flex: 1;
                    position: relative;
                    height: 10px;
                    background-color: rgb(4, 40, 64);
                    border-radius: 15px 15px 15px 15px;

                    .finish {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 30%;
                        background-image: linear-gradient(to right, rgb(28, 207, 171) 0%, rgb(22, 113, 198) 100%);
                        border-radius: 15px 15px 15px 15px;
                    }
                }

                .value {
                    padding: 0 5px;
                    color: white;
                }
            }
        }
    }
}